<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
<div class="container">

    <!--搜索-->
    <div class="searchBox">
        <img src="imgs/menu.png" alt="" class="menu">
        <div class="searchDiv">
            <div class="inputRadius">
                <img src="imgs/jd.png" alt="" class="searchJD">
                <span src="imgs/jd-sprites.png" alt="" class="searchIccon"></span>
                <input type="text" class="inputSearch" placeholder="春季新款">
            </div>

            <span class="login">登录</span>
        </div>
    </div>

    <!--banner-->
    <div class="bannerBox">
        <ul class="bannerBoxList">
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
            <li class="banner"><img src="imgs/banner1.jpeg" alt=""></li>
        </ul>
        <ul class="intercept">
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
            <li><span></span></li>
        </ul>

    </div>

    <!--导航--->
    <div class="navBox">
        <ul>
            <li><img src="imgs/nav1.png" alt="">
                <p>京东超市</p>
            </li>
            <li><img src="imgs/nav2.png" alt="">
                <p>海囤全球</p>
            </li>
            <li><img src="imgs/nav3.png" alt="">
                <p>京东服饰</p>
            </li>
            <li><img src="imgs/nav4.png" alt="">
                <p>京东生鲜</p>
            </li>
            <li><img src="imgs/nav5.png" alt="">
                <p>京东到家</p></li>
            <li><img src="imgs/nav6.png" alt="">
                <p>充值缴费</p>
            </li>
            <li><img src="imgs/nav7.png" alt="">
                <p>9.9元拼</p>
            </li>
            <li><img src="imgs/nav8.png" alt="">
                <p>领劵</p>
            </li>
            <li><img src="imgs/nav9.png" alt="">
                <p>赚钱</p>
            </li>
            <li><img src="imgs/nav10.png" alt="">
                <p>全部</p>
            </li>
        </ul>
    </div>

    <!--快报-->
    <div class="quickBaoBox">
        <div class="one">
            <img src="imgs/jd_kuaibao.jpeg" alt="">
            <div class="boxRight">
                <span style="margin-left: 20px">推荐</span>
                <span style="font-size: 14px;margin-left: 10px;">中国白酒十大品牌,榜首毫无意外</span>
                <span style="
                border-left: 1px solid #e7e7e7;
                padding-left: 10px;
                padding-right: 5px;
                display: inline-block;position:absolute;right:0px;font-size: 16px;background-color: #ffffff">更多</span>
            </div>
        </div>

        <div style="width: 100%;overflow: hidden;padding: 10px 0px;margin-left: -10px">
            <div style="float: left;width: 50%;">
                <img src="imgs/xin_ren_li_bao.jpeg" alt="" style="width: 100%;display: block;">
            </div>
            <div style="float: left;width: 25%;">
                <img src="imgs/xin_ren_pin_dao.jpeg" alt="" style="width: 100%;display: block;">
            </div>
            <div style="float: left;width: 25%;">
                <img src="imgs/xin_ren_zhuan_xiang.jpeg" style="width: 100%;display: block;">
            </div>
        </div>

    </div>

    <!--秒杀-->
    <div class="secondKillBox">
        <div style="width: 100%;overflow: hidden;">
            <span style="color: #e43130;font-size: 23px;font-weight: 700;">京东秒杀</span>
            <span style="font-weight: 700;font-size: 12px;color: #232326;margin-left: 5px">14点场</span>
            <span style="border:1px solid #ececec;display: inline-block;width: 20px;font-size: 12px;text-align: center">00</span>
            <span>:</span>
            <span style="border:1px solid #ececec;display: inline-block;width: 20px;font-size: 12px;text-align: center">58</span>
            <span>:</span>
            <span style="border:1px solid #ececec;display: inline-block;width: 20px;font-size: 12px;text-align: center">46</span>
            <span class="moreKill" style="color: #f23030;display: inline-block;float: right;
        font-size: 11px;margin-right: 10px;
">更多秒杀</span>
        </div>
        <div style="width: 100%;overflow: hidden;float: left;padding:15px 0px">
            <ul style="width: 1000px;">
                <li style="width: 15%;text-align: center">
                    <div style="float: left;width: 100%;">
                        <img src="imgs/miao_sha_1.jpeg" alt="" style="width: 100%;display: block">
                        <p style="color: #F23030;font-size: 18px">&yen;72</p>
                        <del style="color: #b6b6b6;font-size: 14px">&yen;239</del>
                    </div>
                </li>

                <li style="width: 15%;text-align: center;float: left;">
                    <div style="float: left;width: 100%;">
                        <img src="imgs/miao_sha_2.jpeg" alt="" style="width: 100%;display: block">
                        <p style="color: #F23030;font-size: 18px">&yen;342</p>
                        <del style="color: #b6b6b6;font-size: 14px">&yen;239</del>
                    </div>
                </li>

                <li style="width: 15%;text-align: center;float: left;">
                    <div style="float: left;width: 100%;">
                        <img src="imgs/miao_sha_3.jpeg" alt="" style="width: 100%;display: block">
                        <p style="color: #F23030;font-size: 18px">&yen;642</p>
                        <del style="color: #b6b6b6;font-size: 14px">&yen;1239</del>
                    </div>
                </li>

                <li style="width: 15%;text-align: center;float: left;">
                    <div style="float: left;width: 100%;">
                        <img src="imgs/miao_sha_4.jpeg" alt="" style="width: 100%;display: block">
                        <p style="color: #F23030;font-size: 18px">&yen;843</p>
                        <del style="color: #b6b6b6;font-size: 14px">&yen;1239</del>
                    </div>
                </li>

                <li style="width: 15%;text-align: center;float: left;">
                    <div style="float: left;width: 100%;">
                        <img src="imgs/miao_sha_5.jpeg" alt="" style="width: 100%;display: block">
                        <p style="color: #F23030;font-size: 18px">&yen;637</p>
                        <del style="color: #b6b6b6;font-size: 14px">&yen;849</del>
                    </div>
                </li>


            </ul>
        </div>
    </div>

    <!--红包-->
    <div class="redPacketBox" style="width: 100%;">
        <img src="imgs/redPacket.gif" style="width: 100%;">
    </div>

    <!--东家小院-->
    <div class="dong-jia-xiao-yuan-box"></div>

    <!--每日逛-->
    <div class="day-guang"></div>

    <!--爱生活-->
    <div class="love-life-box"></div>

    <!--逛商场-->
    <div class="guang-market-box"></div>

    <!--为你推荐-->
    <div class="tui-jian-box"></div>

</div>
</body>
</html>